<template>
  <div class="layout">
    <div class="left-menu">
      <el-menu class="el-menu-demo" router>
        <Menu :data="menus"></Menu>
      </el-menu>
    </div>
    <div class="main-content">
      <!-- 路由出口 -->
      <router-view></router-view>
    </div>
  </div>
</template>

<script setup>
import menus from '@/mock/menu'
</script>
<style scoped>
.layout {
  display: flex;
}
.left-menu {
  width: 300px;
}
.main-content {
  flex: 1;
}
</style>
